<template>
  <div class='mainbottomdiv wh wc'>

    <div class="fb wh" style="padding:0px 50px;">


      <!-- <percent title="CPU模块" desc="CPU占用超标机房占比"/> -->

      <ring v-for="item in ringlist" :ringid="item.id" :data="item" style=""/>

      <!-- <percent title="内存模块" desc="内存占用超标机房占比"/> -->

      <air />

      <!-- <env /> -->

      <safe />

      <!-- <net /> -->

    </div>
    
  </div>
</template>
<script>

import ring from './ring'
import air from './air'
import env from './env'
import net from './net'
import safe from './safe'
import percent from './percent'


export default {
  components: {
    ring,
    air,
    env,
    net,
    safe,
    percent,

  },
  data() {
    return {
      ringlist: [
        {
          id: 'ring2',
          name: "电能表模块"
        },
        {
          id: 'ring3',
          name: "配电模块"
        },
      ]
    };
  },
  computed: {
    
  },
  watch: {
    
  },
  mounted() {
    
  },
  methods: {
    
  },
}
</script>
<style lang='scss' scoped>

</style>